<!--提示语组件-->
<template>
  <div class="warning margin-bottom-sm" :style="{height:height,backgroundColor:bagColor}">
    <p
      class="words text-14 text-bold"
      style
      v-for="(item,index) in warnDatas"
      :key="index"
    >{{item.val}}</p>
  </div>
</template>

<script>
export default {
  props: {
    warnDatas:{
      type:Array,
      default(){
        return []
      }
    },
    height:{
      type:String,
      default(){
        return '30px'
      }
    },
    bagColor:{
      type:String,
      default(){
        return '#F2F2F2'
      }
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="less" scoped>
.warning {
  padding: 5px 30px;
  width: 99%;
  margin:0 auto;
  box-sizing: border-box;
  border-radius: 6px;
  // background-color: #eff6ff;
  .words {
    margin-bottom: 12px;
    color: #f94d4d;
  }
}
</style>

